<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity5">
<head>
<link data-th-href="@{/css/bootstrap.min.css}" rel="stylesheet">
<link data-th-href="@{/css/materialdesignicons.min.css}" rel="stylesheet">
<link data-th-href="@{/js/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet">
<!--对话框-->
<link rel="stylesheet" data-th-href="@{/js/jconfirm/jquery-confirm.min.css}">
<!-- jstree -->
<link rel="stylesheet" data-th-href="@{/js/jsTree/themes/default/style.min.css}">
<!-- fontIconPicker core CSS -->
<link rel="stylesheet" type="text/css" data-th-href="@{/js/fontIconPicker/css/jquery.fonticonpicker.min.css}" />
<!-- required default theme -->
<link rel="stylesheet" type="text/css" data-th-href="@{/js/fontIconPicker/themes/dark-grey-theme/jquery.fonticonpicker.darkgrey.min.css}" />
<link data-th-href="@{/js/autocomplete/autocomplete.css}" rel="stylesheet">
<link data-th-href="@{/js/bootstrap-select/bootstrap-select.css}" rel="stylesheet">
<link data-th-href="@{/css/style.min.css}" rel="stylesheet">
<link data-th-href="@{/css/custom.css}" rel="stylesheet">
</head>
<body>
      <div class="container-fluid p-t-15">
            <div class="card">
              <div class="card-toolbar clearfix">
                <form class="pull-right order-table-form form-inline" method="get" action="#!" role="form">
                  <div class="form-group">
                                         <select class="form-control" name="status">
                                            <option value="" selected>全部</option>
                                            <option value="1">有效</option>
                                            <option value="0">锁定</option>
                                        </select>
                  </div>
                  <div class="form-group">
                    <input class="form-control" type="text"  aria-label="订单标题" name="title" placeholder="订单标题">
                  </div>
                  <div class="form-group">
                    <button type="button" class="btn btn-default" onclick="search()">搜索</button>
                       <div class="input-group-btn btn-group-line">
                          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">导出<span class="caret"></span></button>
                          <ul class="dropdown-menu">
                            <li><a href="#!" onclick="exportOrderExcel()">Excel (.xlsx)</a></li>
                            <li><a href="#!" onclick="exportOrderCsv()">CSV (.csv)</a></li>
                          </ul>
                        </div>  
                  </div>
                </form>                
              </div>
              <div class="card-body">
                  <div id="toolbar" class="toolbar-btn-action">
                  <a class="btn btn-primary m-r-5" href="#!" sec:authorize="hasAuthority('order:add')" data-toggle="modal" data-target="#order-add" data-whatever="@mdo"><i class="mdi mdi-plus"></i> 新增</a>
                  <a class="btn btn-success m-r-5" href="#!" onclick="updateOrder()" sec:authorize="hasAuthority('order:update')"><i class="mdi mdi-check"></i> 修改</a>
                  <a class="btn btn-danger" href="#!" onclick="deleteOrders()" sec:authorize="hasAuthority('order:delete')"><i class="mdi mdi-window-close"></i> 删除</a>
                </div>    
                <div class="table-responsive">         
                  <table id="orderTable" data-mobile-responsive="true" class="mb-bootstrap-table text-nowrap"></table>
                </div>
              </div>
            </div>
      </div>
<script data-th-inline="javascript">
  var ctx = [[@{/}]];
</script>
<script type="text/javascript" data-th-src="@{/js/jquery.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/popper.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/bootstrap.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/perfect-scrollbar.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/jquery-confirm/jquery-confirm.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/bootstrap-table/bootstrap-table.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/bootstrap-table/locale/bootstrap-table-zh-CN.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/bootstrap-select/bootstrap-select.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/bootstrap-select/i18n/defaults-zh_CN.min.js}"></script>
<!-- fontIconPicker JS -->
<script type="text/javascript" data-th-src="@{/js/fontIconPicker/jquery.fonticonpicker.min.js}"></script>
<script data-th-src="@{/js/autocomplete/autocomplete.js}"></script>
<script type="text/javascript" data-th-src="@{/js/main.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/common.js}"></script>
<!--消息提示-->
<script data-th-src="@{/js/bootstrap-notify.min.js}"></script>
<!--对话框-->
<script type="text/javascript" data-th-src="@{/js/jconfirm/jquery-confirm.min.js}"></script>
<script type="text/javascript" data-th-src="@{/js/jsTree/jstree.js}"></script>
<script type="text/javascript" data-th-src="@{/js/lightyear.js}"></script>
<script type="text/javascript" data-th-src="@{/js/common.js}"></script>
<script type="text/javascript" data-th-src="@{/js/app/admin/shop/order/order.js}"></script>
<script type="text/javascript" data-th-src="@{/js/app/admin/shop/order/orderView.js}"></script>
</body>
</html>